<template>
	<div class="xunLian">
		<el-form ref="form" :model="form" label-width="80px" label-position='top'>
			<div class="" style="    width: 75%;
    color: aliceblue;
    display: flex;
    flex-flow: column;
    align-items: center;padding: 20px 30px;height: 100vh;overflow: auto;">

				<el-row class="rowCss" style="" :gutter="20">
					<el-col :span="4">
						<el-form-item label="语言">
							<el-select v-model="value" placeholder="请选择">
								<el-option v-for="item in lanGuageOptions" :key="item.value" :label="item.label"
									:value="item.value">
								</el-option>
							</el-select>
						</el-form-item>
					</el-col>
					<el-col :span="10">
						<el-form-item label="模型名称">

							<el-select v-model="value" placeholder="请选择">
								<el-option v-for="item in lanGuageOptions" :key="item.value" :label="item.label"
									:value="item.value">
								</el-option>
							</el-select>
						</el-form-item>
					</el-col>
					<el-col :span="10">
						<el-form-item class='bxyLine' label="模型路径">
							<template slot="label">
								<!-- 这里可以放置任何自定义的HTML或组件 -->
								<span style="margin: 0;">模型路径</span>
								<br />
								<span class="xhh">本地模型的文件路径或 Hugging Face 的模型标识符</span>
							</template>
							<el-input style="background: none!important;" v-model="form.name"></el-input>
						</el-form-item>
					</el-col>
				</el-row>
				<el-row class="rowCss" :gutter="20">
					<el-col :span="4">
						<el-form-item label="微调方法">
							<el-select v-model="value" placeholder="请选择">
								<el-option v-for="item in lanGuageOptions" :key="item.value" :label="item.label"
									:value="item.value">
								</el-option>
							</el-select>
						</el-form-item>
					</el-col>
					<el-col :span="16">
						<el-form-item label="适配器路径">
							<el-select v-model="value" placeholder="请选择">
								<el-option v-for="item in lanGuageOptions" :key="item.value" :label="item.label"
									:value="item.value">
								</el-option>
							</el-select>
						</el-form-item>
					</el-col>
					<el-col :span="4" style="display: flex;flex-flow: column;justify-content: center;">
						<el-button class="sxspq" style="height: 90px;font-size: 18px;" type="info"
							round>刷新适配器</el-button>
					</el-col>
				</el-row>

				<el-collapse style="" v-model="activeNames" @change="handleChange">
					<el-collapse-item title="高级设置" name="1">
						<el-row style=" border: 1px solid #374151;" :gutter="20">
							<el-col :span="6">

								<el-form-item class='bxyLine' label="量化等级">
									<template slot="label">
										<!-- 这里可以放置任何自定义的HTML或组件 -->
										<span style="margin: 0;">量化等级</span>
										<br />
										<span class="xhh">启用 4/8 比特模型量化（QLoRA）。</span>
									</template>
									<el-select v-model="value" placeholder="请选择">
										<el-option v-for="item in lanGuageOptions" :key="item.value" :label="item.label"
											:value="item.value">
										</el-option>
									</el-select>
								</el-form-item>
							</el-col>
							<el-col :span="6">
								<el-form-item class='bxyLine' label="量化等级">
									<template slot="label">
										<!-- 这里可以放置任何自定义的HTML或组件 -->
										<span style="margin: 0;">提示模板</span>
										<br />
										<span class="xhh">构建提示词时使用的模板</span>
									</template>
									<el-select v-model="value" placeholder="请选择">
										<el-option v-for="item in lanGuageOptions" :key="item.value" :label="item.label"
											:value="item.value">
										</el-option>
									</el-select>
								</el-form-item>
							</el-col>
							<el-col :span="6">
								<el-form-item label="RoPE插值方法">
									<el-radio-group v-model="form.czRadio">
										<el-radio :label="3">none</el-radio>
										<el-radio :label="6">linear</el-radio>
										<el-radio :label="9">dynamic</el-radio>
									</el-radio-group>
								</el-form-item>
							</el-col>
							<el-col :span="6">
								<el-form-item label="加速方式">
									<el-radio-group v-model="form.jsRadio">
										<el-radio :label="3">none</el-radio>
										<el-radio :label="6">flashattn</el-radio>
										<el-radio :label="9">unsloth</el-radio>
									</el-radio-group>
								</el-form-item>
							</el-col>

						</el-row>
					</el-collapse-item>

				</el-collapse>
				<el-tabs style="width: 100%;" type="border-card">
					<el-tab-pane label="Train">
						<el-row class="rowCss" :gutter="20">
							<el-col :span="5">
								<el-form-item class='bxyLine' label="">
									<template slot="label">
										<span style="margin: 0;">训练阶段</span>
										<br />
										<span class="xhh">目前采用的训练方式</span>
									</template>
									<el-select v-model="value" placeholder="请选择">
										<el-option v-for="item in lanGuageOptions" :key="item.value" :label="item.label"
											:value="item.value">
										</el-option>
									</el-select>
								</el-form-item>
							</el-col>
							<el-col :span="5">
								<el-form-item class='bxyLine' label="">
									<template slot="label">
										<span style="margin: 0;">数据路径</span>
										<br />
										<span class="xhh">需要执行的训练总轮数。</span>
									</template>
									<el-input style="background: none!important;" v-model="form.name"></el-input>
								</el-form-item>
							</el-col>
							<el-col :span="10">
								<el-form-item label="数据集">
									<el-select v-model="value" placeholder="请选择">
										<el-option v-for="item in lanGuageOptions" :key="item.value" :label="item.label"
											:value="item.value">
										</el-option>
									</el-select>
								</el-form-item>
							</el-col>
							<el-col :span="4" style="display: flex;flex-flow: column;justify-content: center;">
								<el-button class="sxspq" style="height: 90px;font-size: 18px;" type="info"
									round>预览数据集</el-button>
							</el-col>
						</el-row>
						<el-row class="rowCss" :gutter="20">
							<el-col :span="5">
								<el-form-item class='bxyLine' label="">
									<template slot="label">
										<span style="margin: 0;">学习率</span>
										<br />
										<span class="xhh">AdamW 优化器的初始学习率</span>
									</template>
									<el-input style="background: none!important;" v-model="form.name"></el-input>
								</el-form-item>
							</el-col>
							<el-col :span="5">
								<el-form-item class='bxyLine' label="">
									<template slot="label">
										<span style="margin: 0;">训练轮数</span>
										<br />
										<span class="xhh">需要执行的训练总轮数。</span>
									</template>
									<el-input style="background: none!important;" v-model="form.name"></el-input>
								</el-form-item>
							</el-col>
							<el-col :span="5">
								<el-form-item class='bxyLine' label="">
									<template slot="label">
										<span style="margin: 0;">最大梯度范数</span>
										<br />
										<span class="xhh">用于梯度裁剪的范数。</span>
									</template>
									<el-input style="background: none!important;" v-model="form.name"></el-input>
								</el-form-item>
							</el-col>
							<el-col :span="5">
								<el-form-item class='bxyLine' label="">
									<template slot="label">
										<span style="margin: 0;">最大样本数</span>
										<br />
										<span class="xhh">每个数据集的最大样本数。</span>
									</template>
									<el-input style="background: none!important;" v-model="form.name"></el-input>
								</el-form-item>
							</el-col><el-col :span="4">
								<el-form-item class='bxyLine' label="">
									<template slot="label">
										<span style="margin: 0;">计算类型</span>
										<br />
										<span class="xhh">是否使用混合精度训练。</span>
									</template>
									<el-select v-model="value" placeholder="请选择">
										<el-option v-for="item in lanGuageOptions" :key="item.value" :label="item.label"
											:value="item.value">
										</el-option>
									</el-select>
								</el-form-item>
							</el-col>

						</el-row>
						<el-row class="rowCss" :gutter="20">
							<el-col :span="5">
								<el-form-item class='bxyLine' label="">
									<template slot="label">
										<el-input-number controls-position="right" v-model="value2" size="mini"
											@change="handleChange" label="描述文字"></el-input-number>
										<span style="margin: 0;">截断长度</span>
										<br />
										<span class="xhh">输入序列分词后的最大长度。</span>
									</template>
									<el-slider persistent='true' step='1' max="16384" v-model="value2"></el-slider>
								</el-form-item>
							</el-col>
							<el-col :span="5">
								<el-form-item class='bxyLine' label="">
									<template slot="label">
										<el-input-number controls-position="right" v-model="value2" size="mini"
											@change="handleChange" label="描述文字"></el-input-number>
										<span style="margin: 0;">批处理大小</span>
										<br />
										<span class="xhh">每个 GPU 处理的样本数量。</span>
									</template>
									<el-slider persistent='true' step='1' max="16384" v-model="value2"></el-slider>
								</el-form-item>
							</el-col>
							<el-col :span="5">
								<el-form-item class='bxyLine' label="">
									<template slot="label">
										<el-input-number controls-position="right" v-model="value2" size="mini"
											@change="handleChange" label="描述文字"></el-input-number>
										<span style="margin: 0;">梯度累积</span>
										<br />
										<span class="xhh">梯度累积的步数。</span>
									</template>
									<el-slider persistent='true' step='1' max="16384" v-model="value2"></el-slider>
								</el-form-item>
							</el-col>
							<el-col :span="5">
								<el-form-item class='bxyLine' label="">
									<template slot="label">
										<el-input-number controls-position="right" v-model="value2" size="mini"
											@change="handleChange" label="描述文字"></el-input-number>
										<span style="margin: 0;">验证集比例</span>
										<br />
										<span class="xhh">验证集占全部样本的百分比。</span>
									</template>
									<el-slider persistent='true' step='1' max="16384" v-model="value2"></el-slider>
								</el-form-item>
							</el-col><el-col :span="4">
								<el-form-item class='bxyLine' label="">
									<template slot="label">
										<span style="margin: 0;">学习效率调节器</span>
										<br />
										<span class="xhh">学习率调度器的名称。</span>
									</template>
									<el-select v-model="value" placeholder="请选择">
										<el-option v-for="item in lanGuageOptions" :key="item.value" :label="item.label"
											:value="item.value">
										</el-option>
									</el-select>
								</el-form-item>
							</el-col>

						</el-row>
						<el-collapse
							style="width: 100%;border: 1px solid #374151;border-radius: 10px;margin-bottom: 20px;"
							v-model="activeNames" @change="handleChange">
							<el-collapse-item title="其它参数设置" name="1">
								<el-row class="rowCss xyDp" :gutter="20">
									<el-col :span="5">
										<el-form-item class='bxyLine' label="">
											<template slot="label">
												<el-input-number controls-position="right" v-model="value2" size="mini"
													@change="handleChange" label="描述文字"></el-input-number>
												<span style="margin: 0;">日志间隔</span>
												<br />
												<span class="xhh">每两次日志输出间的更新步数。</span>
											</template>
											<el-slider persistent='true' step='1' max="1000"
												v-model="value2"></el-slider>
										</el-form-item>
									</el-col>
									<el-col :span="5">
										<el-form-item class='bxyLine' label="">
											<template slot="label">
												<el-input-number controls-position="right" v-model="value2" size="mini"
													@change="handleChange" label="描述文字"></el-input-number>
												<span style="margin: 0;">保存间隔</span>
												<br />
												<span class="xhh">每两次断点保存间的更新步数。</span>
											</template>
											<el-slider persistent='true' step='1' max="5000"
												v-model="value2"></el-slider>
										</el-form-item>
									</el-col>
									<el-col :span="5">
										<el-form-item class='bxyLine' label="">
											<template slot="label">
												<el-input-number controls-position="right" v-model="value2" size="mini"
													@change="handleChange" label="描述文字"></el-input-number>
												<span style="margin: 0;">预热步数</span>
												<br />
												<span class="xhh">学习率预热采用的步数。</span>
											</template>
											<el-slider persistent='true' step='1' max="5000"
												v-model="value2"></el-slider>
										</el-form-item>
									</el-col>
									<el-col :span="5">
										<el-form-item class='bxyLine' label="">
											<template slot="label">
												<el-input-number controls-position="right" v-model="value2" size="mini"
													@change="handleChange" label="描述文字"></el-input-number>
												<span style="margin: 0;">NEFTune 噪声参数</span>
												<br />
												<span class="xhh">嵌入向量所添加的噪声大小。</span>
											</template>
											<el-slider persistent='true' step='0.1' max="10"
												v-model="value2"></el-slider>
										</el-form-item>
									</el-col><el-col :span="4">
										<el-form-item class='bxyLine' label="">
											<template slot="label">
												<span style="margin: 0;">优化器</span>
												<br />
												<span class="xhh">使用的优化器：adamw_torch、adamw_8bit 或 adafactor。</span>
											</template>
											<el-input style="background: none!important;"
												v-model="form.name"></el-input>
										</el-form-item>
									</el-col>

								</el-row>
								<el-row class="row_100" :gutter="20">
									<el-col :span="8">
										<div class="">
											<div class="">
												<p>更改分词器词表和嵌入层的大小</p>
												<el-checkbox v-model="checked">更改词表大小</el-checkbox>
											</div>
											<div class="">
												<p>将序列打包为等长样本。</p>
												<el-checkbox v-model="checked">序列打包</el-checkbox>
											</div>
										</div>

									</el-col>
									<el-col :span="8">
										<div class="">
											<div class="">
												<p>更改分词器词表和嵌入层的大小</p>
												<el-checkbox v-model="checked">缩放归一化层</el-checkbox>
											</div>
											<div class="">
												<p>将序列打包为等长样本。</p>
												<el-checkbox v-model="checked">使用 LLaMA Pro</el-checkbox>
											</div>
										</div>
									</el-col>
									<el-col :span="8">
										<div class="">
											<div class="">
												<p>更改分词器词表和嵌入层的大小</p>
												<el-checkbox v-model="checked">使用 S^2 Attention</el-checkbox>
											</div>
											<div class="">
												<p>将序列打包为等长样本。</p>
												<el-checkbox v-model="checked">启用外部记录面板</el-checkbox>
											</div>
										</div>
									</el-col>
								</el-row>


							</el-collapse-item>
							<el-collapse-item title="部分参数微调设置" name="2">
								<el-row class="rowCss " :gutter="20">
									<el-col :span="12">
										<el-form-item class='bxyLine' label="">
											<template slot="label">
												<el-input-number controls-position="right" v-model="value2" size="mini"
													@change="handleChange" label="描述文字"></el-input-number>
												<span style="margin: 0;">可训练层数</span>
												<br />
												<span class="xhh">可训练模型层的数量。</span>
											</template>
											<el-slider persistent='true' step='0.1' max="10"
												v-model="value2"></el-slider>
										</el-form-item>
									</el-col><el-col :span="12">
										<el-form-item class='bxyLine' label="">
											<template slot="label">
												<span style="margin: 0;">可训练模块</span>
												<br />
												<span class="xhh">可训练模块的名称。使用英文逗号分隔多个名称。</span>
											</template>
											<el-input style="background: none!important;"
												v-model="form.name"></el-input>
										</el-form-item>
									</el-col>

								</el-row>
							</el-collapse-item>
							<el-collapse-item title="LoRA参数设置" name="3">

							</el-collapse-item>
							<el-collapse-item title="RLHF参数设置" name="4">
								<el-row class="rowCss" :gutter="20">
									<el-col :span="5">
										<el-form-item class='bxyLine' label="">
											<template slot="label">
												<el-input-number controls-position="right" v-model="value2" size="mini"
													@change="handleChange" label="描述文字"></el-input-number>
												<span style="margin: 0;">DPO beta 参数</span>
												<br />
												<span class="xhh">DPO 损失函数中 beta 超参数大小。</span>
											</template>
											<el-slider persistent='true' step='1' max="16384"
												v-model="value2"></el-slider>
										</el-form-item>
									</el-col>
									<el-col :span="6">
										<el-form-item class='bxyLine' label="">
											<template slot="label">
												<el-input-number controls-position="right" v-model="value2" size="mini"
													@change="handleChange" label="描述文字"></el-input-number>
												<span style="margin: 0;">DPO-ftx 权重</span>
												<br />
												<span class="xhh">DPO-ftx 中 SFT 损失的权重大小。</span>
											</template>
											<el-slider persistent='true' step='1' max="16384"
												v-model="value2"></el-slider>
										</el-form-item>
									</el-col>
									<el-col :span="6">
										<el-form-item class='bxyLine' label="">
											<template slot="label">
												<el-input-number controls-position="right" v-model="value2" size="mini"
													@change="handleChange" label="描述文字"></el-input-number>
												<span style="margin: 0;">ORPO beta 参数</span>
												<br />
												<span class="xhh">ORPO 损失函数中 beta 超参数大小。。</span>
											</template>
											<el-slider persistent='true' step='1' max="16384"
												v-model="value2"></el-slider>
										</el-form-item>
									</el-col>
									<el-col :span="6">
										<el-form-item class='bxyLine' label="">
											<template slot="label">
												<span style="margin: 0;">奖励模型</span>
												<br />
												<span class="xhh">PPO 训练中奖励模型的适配器路径。</span>
											</template>
											<el-select v-model="value" placeholder="请选择">
												<el-option v-for="item in lanGuageOptions" :key="item.value"
													:label="item.label" :value="item.value">
												</el-option>
											</el-select>
										</el-form-item>
									</el-col>

								</el-row>
							</el-collapse-item>
							<el-collapse-item title="Galore参数设置" name="5">

							</el-collapse-item>

						</el-collapse>
						<el-row class="xlAn"
							style="width: 100%;background: #1f2937;border: 1px solid #374151;display: flex;justify-content: space-between;padding: 20px 0;">

							<el-button class="color1" round>预览命令</el-button>
							<el-button class="color1" round>保存训练参数</el-button>
							<el-button class="color1" round>载入训练参数</el-button>
							<el-button type="warning" round>开始</el-button>
							<el-button type="danger" round>中断</el-button>
						</el-row>



					</el-tab-pane>
					<el-tab-pane label="Evaluate">
						<el-row class="rowCss" :gutter="20">
							<el-col :span="8">
								<el-form-item class='bxyLine' label="">
									<template slot="label">
										<span style="margin: 0;">数据路径</span>
										<br />
										<span class="xhh">数据文件的路径</span>
									</template>
									<el-select v-model="value" placeholder="请选择">
										<el-option v-for="item in lanGuageOptions" :key="item.value" :label="item.label"
											:value="item.value">
										</el-option>
									</el-select>
								</el-form-item>
							</el-col>

							<el-col :span="12">
								<el-form-item label="数据集">
									<el-select v-model="value" placeholder="请选择">
										<el-option v-for="item in lanGuageOptions" :key="item.value" :label="item.label"
											:value="item.value">
										</el-option>
									</el-select>
								</el-form-item>
							</el-col>
							<el-col :span="4" style="display: flex;flex-flow: column;justify-content: center;">
								<el-button class="sxspq" style="height: 90px;font-size: 18px;" type="info"
									round>预览数据集</el-button>
							</el-col>
						</el-row>
						<el-row class="rowCss" :gutter="20">
							<el-col :span="6">
								<el-form-item class='bxyLine' label="">
									<template slot="label">
										<el-input-number controls-position="right" v-model="value2" size="mini"
											@change="handleChange" label="描述文字"></el-input-number>
										<span style="margin: 0;">截断长度</span>
										<br />
										<span class="xhh">输入序列分词后的最大长度。</span>
									</template>
									<el-slider persistent='true' step='1' max="16384" v-model="value2"></el-slider>
								</el-form-item>
							</el-col>
							<el-col :span="6">
								<el-form-item class='bxyLine' label="">
									<template slot="label">

										<span style="margin: 0;">最大样本数</span>
										<br />
										<span class="xhh">每个数据集的最大样本数</span>
									</template>
									<el-input style="background: none!important;" v-model="form.name"></el-input>


								</el-form-item>
							</el-col>
							<el-col :span="6">
								<el-form-item class='bxyLine' label="">
									<template slot="label">
										<el-input-number controls-position="right" v-model="value2" size="mini"
											@change="handleChange" label="描述文字"></el-input-number>
										<span style="margin: 0;">批处理大小</span>
										<br />
										<span class="xhh">每个GPU处理的样本数量</span>
									</template>
									<el-slider persistent='true' step='1' max="16384" v-model="value2"></el-slider>
								</el-form-item>
							</el-col>

							<el-col :span="6">
								<el-form-item class='bxyLine' label="">
									<template slot="label">
										<el-checkbox v-model="checked">保存预测结果</el-checkbox>
									</template>

								</el-form-item>
							</el-col>

						</el-row>

						<el-row class="rowCss" :gutter="20">
							<el-col :span="6">
								<el-form-item class='bxyLine' label="">
									<template slot="label">
										<el-input-number controls-position="right" v-model="value2" size="mini"
											@change="handleChange" label="描述文字"></el-input-number>
										<span style="margin: 0;">最大生成长度</span>

									</template>
									<el-slider persistent='true' step='1' max="16384" v-model="value2"></el-slider>
								</el-form-item>
							</el-col>
							<el-col :span="6">
								<el-form-item class='bxyLine' label="">
									<template slot="label">
										<el-input-number controls-position="right" v-model="value2" size="mini"
											@change="handleChange" label="描述文字"></el-input-number>
										<span style="margin: 0;">Top-p采样值</span>

									</template>
									<el-slider persistent='true' step='1' max="16384" v-model="value2"></el-slider>
								</el-form-item>
							</el-col>
							<el-col :span="6">
								<el-form-item class='bxyLine' label="">
									<template slot="label">
										<el-input-number controls-position="right" v-model="value2" size="mini"
											@change="handleChange" label="描述文字"></el-input-number>
										<span style="margin: 0;">温度系数</span>

									</template>
									<el-slider persistent='true' step='1' max="16384" v-model="value2"></el-slider>
								</el-form-item>
							</el-col>

							<el-col :span="6">
								<el-form-item class='bxyLine' label="">
									<template slot="label">
										<span style="margin: 0;">输出目录</span>
										<br />
										<span class="xhh">保存结果的路径</span>
									</template>
									<el-input style="background: none!important;" v-model="form.name"></el-input>
								</el-form-item>
							</el-col>

						</el-row>

						<el-row class="xlAn"
							style="width: 100%;background: #1f2937;border: 1px solid #374151;display: flex;justify-content: space-between;padding: 20px 0;">

							<el-button class="color1" round>预览命令</el-button>

							<el-button type="warning" round>开始</el-button>
							<el-button type="danger" round>中断</el-button>
						</el-row>

					</el-tab-pane>
					<el-tab-pane label="Chat">
						<el-row class="rowCss " :gutter="20">
							<el-col :span="24">
								<el-form-item class='bxyLine' label="">
									<template slot="label">

										<span style="margin: 0;">推理引擎</span>
									
									</template>
									<el-select v-model="value" placeholder="请选择">
										<el-option v-for="item in lanGuageOptions" :key="item.value" :label="item.label"
											:value="item.value">
										</el-option>
									</el-select>
								</el-form-item>
							</el-col>

						</el-row>




						<el-row class="rowCss" style="border: none;" :gutter="20">
							<el-col style="padding-top: 0;padding-bottom: 0; border: none;" :span="12">
								<el-button style="width: 100%;" class="color1" round>加载模型</el-button>
							</el-col>
							<el-col style="padding-top: 0;padding-bottom: 0;border: none;" :span="12">
								<el-button style="width: 100%;" class="color1" round>卸载模型</el-button>
							</el-col>

						</el-row>
						<!-- <el-row class="xlAn"
							style="width: 100%;background: #1f2937;border: 1px solid #374151;display: flex;justify-content: space-between;padding: 20px 0;">

							<el-button class="color1" round>加载模型</el-button>
							<el-button class="color1" round>卸载模型</el-button>
						</el-row> -->
						<el-row class="rowCss" :gutter="20">
							<el-col :span="24">
								<el-input v-model="form.isJz"></el-input>
							</el-col>
						</el-row>
					</el-tab-pane>
					<el-tab-pane label="Export">
						<el-row class="rowCss" :gutter="20">
							<el-col :span="6">
								<el-form-item class='bxyLine' label="">
									<template slot="label">
										<el-input-number controls-position="right" v-model="value2" size="mini"
											@change="handleChange" label="描述文字"></el-input-number>
										<span style="margin: 0;">最大分块大小(GB)</span>
										<br />
										<span class="xhh">单个模型文件的最大大小</span>
									</template>
									<el-slider persistent='true' step='1' max="16384" v-model="value2"></el-slider>
								</el-form-item>
							</el-col>
							<el-col :span="6">
								<el-form-item class='bxyLine' label="">
									<template slot="label">

										<span style="margin: 0;">导出量化等级</span>
										<br />
										<span class="xhh">量化导出模型</span>
									</template>
									<el-select v-model="value" placeholder="请选择">
										<el-option v-for="item in lanGuageOptions" :key="item.value" :label="item.label"
											:value="item.value">
										</el-option>
									</el-select>


								</el-form-item>
							</el-col>
							<el-col :span="6">
								<el-form-item class='bxyLine' label="">
									<template slot="label">
										<el-input-number controls-position="right" v-model="value2" size="mini"
											@change="handleChange" label="描述文字"></el-input-number>
										<span style="margin: 0;">导出量化数据集</span>
										<br />
										<span class="xhh">量化过程中使用的校准数据集</span>
									</template>
									<el-input style="background: none!important;" v-model="form.name"></el-input>
								</el-form-item>
							</el-col>

							<el-col :span="6">
								<el-form-item label="">
									<template slot="label">

										<span class="xhh">不使用safetensors</span>
										<br />
										<el-checkbox v-model="checked">导出旧格式</el-checkbox>
									</template>

								</el-form-item>
							</el-col>

						</el-row>
						<el-row class="rowCss " :gutter="20">
							<el-col :span="12">
								<el-form-item class='bxyLine' label="">
									<template slot="label">

										<span style="margin: 0;">导出目录</span>
										<br />
										<span class="xhh">保存导出模型的文件夹路径</span>
									</template>
									<el-input style="background: none!important;" v-model="form.name"></el-input>
								</el-form-item>
							</el-col><el-col :span="12">
								<el-form-item class='bxyLine' label="">
									<template slot="label">
										<span style="margin: 0;">HF Hub ID(非必填)</span>
										<br />
										<span class="xhh">用于将模型上传至Hugging Face Hub 的仓库ID。</span>
									</template>
									<el-input style="background: none!important;" v-model="form.name"></el-input>
								</el-form-item>
							</el-col>

						</el-row>




						<el-row class="rowCss " :gutter="20">
							<el-col style="padding: 0;" :span="24">
								<el-button style="width: 100%;" class="color1" round>开始导出</el-button>
							</el-col>
						</el-row>
						<el-row class="rowCss" style="border: none;" :gutter="20">
							<el-col :span="24">
								<el-input v-model="form.isJz"></el-input>
							</el-col>
						</el-row>

					</el-tab-pane>
				</el-tabs>
			</div>
		</el-form>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				checked: true,
				value2: 2,
				form: {
					name: '',
					jsRadio: 3,
					czRadio: 3,
					isJz: '模型未加载'
				},
				lanGuageOptions: [{
					value: 1,
					label: 'zh'
				}, {
					value: 2,
					label: 'en'
				}, {
					value: 3,
					label: 'ru'
				}],
			}
		},
		name: 'HelloWorld',
		props: {
			msg: String
		}
	}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
	.color1 {
		background: linear-gradient(to bottom right, #4b5563, #374151);
		color: #fff;
		border: none;
		border-radius: 15px !important;
	}



	.xlAn .el-button {
		height: 50px;
	}

	.xlAn button {
		width: 15%;
	}

	>>>.el-tabs__content {
		/* height: 550px;
		overflow: auto; */
	}

	.sxspq {
		width: 100%;
		height: 80px;
		background: #374151;
		color: #fff;
		font-size: 18px;
		border: none;
	}

	.sxspq:hover {
		background: #596a84;
	}

	.sxspq:active {
		background: #374151;
	}

	.sxspq:focus {
		background: #374151
	}



	>>>.el-select .el-input__inner {
		width: 100% !important;
		background: unset !important;
		margin-bottom: 0px !important;
	}

	.el-select {
		width: 100%;
	}

	.bxyLine {
		position: relative;
	}

	>>>.bxyLine .el-form-item__label {
		line-height: unset !important;
	}

	>>>.el-form-item__label {
		color: #ebebeb;
	}

	.xhh {
		color: #9ca3af;
	}

	>>>.el-input__inner {
		background: none !important;
	}

	>>>.el-form-item {
		margin-bottom: 0px !important;
	}

	>>>.el-col {
		padding: 20px;
		border-right: 1px #4b4b4b solid;
	}

	.rowCss {
		width: 100%;
		background: #1f2937;
		border: 1px solid #374151;
		border-radius: 15px;
		margin: 0 !important;
		margin-bottom: 20px !important;
	}

	>>>.xyDp .el-col {
		padding: 33px;
	}

	.el-collapse {
		width: 100%;
		border: 1px solid #374151;
		border-radius: 10px;
		margin-bottom: 20px;
		background: #1f2937;
	}

	>>>.el-collapse-item__header {
		color: #ebebeb;
		padding: 0 15px;
		border: none;
		background: none;
	}

	>>>.el-collapse-item__wrap {
		background: none;
		border: none;
	}

	>>>.el-collapse-item__content {
		padding-left: 20px;
		padding-right: 20px;
	}

	>>>.el-form-item__content {
		text-align: center;
	}

	>>>.el-radio__label {
		color: #ebebeb;
	}

	>>>.el-tabs--border-card {
		background: none;
		border: 1px solid #374151;
		border-radius: 10px;
	}

	>>>.el-tabs__nav-wrap {
		border-top-left-radius: 7px;
	}

	>>>.el-tabs--border-card>.el-tabs__header {
		background: none;
		border-bottom: 1px solid #374151;
	}

	>>>.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
		border: none;
		background-color: #464659;
	}

	>>>.el-tabs--border-card>.el-tabs__content {
		padding: 20px;
	}

	.rowCss>>>.el-col:last-of-type {
		padding: 20px;
		border-right: none;
	}

	.el-input-number {
		position: absolute;
		right: 0px;
		top: -10px;

		width: 112px;
	}

	>>>.el-input-number.is-controls-right .el-input__inner {
		color: #ebebeb;
		border-color: #374151;
	}

	.row_100 {
		margin: 0 !important;
	}

	.row_100 .el-col {
		display: flex;
		flex-flow: column;
		border: none;
		/* margin-right: 20px; */

	}

	.row_100 .el-col>div {
		display: flex;
		flex-flow: column;
		/* background: #fff; */
		border: 1px solid #374151;
		min-height: 30px;
		border-radius: 10px;
	}

	.row_100 .el-col>div>div:nth-child(1) {
		display: flex;
		flex-flow: column;
		border-bottom: 1px solid #374151;
	}

	.row_100 .el-col>div>div {
		padding: 0 20px;
		padding-bottom: 10px;
	}

	.row_100 p {
		margin-bottom: 0;
		color: #ebebeb;
	}
</style>